
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Arghhh !</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="styleAlbum.css" rel="stylesheet" type="text/css" media="screen" />
        <script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
        <script language="JavaScript" type="text/javascript">
            $(document).ready(function() {
                $('.links form').hide();
                $('.links p').click(function() {
                    $(this).next().slideToggle('fast');
                });
            });

        </script>
    </head>
    <body>
        <div id="topo">
            <div id="loginb" class="login">
                Buscar:<input  type="text" id="busca-text" name="Cbuscar" size="40" maxlength="128" />
                &nbsp;&nbsp;
                <select id="campos">
                    <option value="tudo">Todos</option>
                    <option value="usuario">Usuário</option>
                    <option value="banda">Banda </option>
                    <option value="ntegrante">Integrante</option>
                </select>
                &nbsp;&nbsp;
                <input type="button" name="enviar" value="Procurar"/>
            </div>
        </div>
        <!-- Fim do Cabeçalho -->
        <div id="menu">
            <ul>
            <li>&nbsp;&nbsp;&nbsp;</li>
            <li class="current_page_item"><a href="/ArghhhWeb/ir_para?pagina=PerfilFa">Meu Perfil</a></li>
            <li><a href="/ArghhhWeb/ir_para?pagina=InicialLog">Home</a></li>
            <li><a href="/ArghhhWeb/ir_para?pagina=BandasLog">Bandas</a></li>
            <li><a href="/ArghhhWeb/ir_para?pagina=PessoasLog">Pessoas</a></li>
            <li><a href="/ArghhhWeb/ir_para?pagina=RankingLog">Ranking</a></li>
            <li><a href="/ArghhhWeb/ir_para?pagina=LinksLog">Links</a></li>
            <li><a href="/ArghhhWeb/ir_para?pagina=ContatoLog">Contato</a></li>
            <li><a href="/ArghhhWeb/ir_para?pagina=Inicial">Logoff</a></li>
            </ul>
        </div>
        <!-- end #menu -->
        <div id="page">


            <div id="content">
                <div class="post">
                    <h1 class="title">Nome do Usuário</h1>
                    <p class="meta">&bull; &nbsp;Gerencie seus amigos &bull; </p>
                    <div id="entry">
                        <div id="personal">
                            <h3>Nome do  Álbum</h3>
                        </div>

                        <div style="width:100%;background-color:silver;text-align:center;padding-top:5px;" class="links">
                            <p style="font-weight:bold; cursor:pointer;"> Editar este Álbum</p>

                            <form method="post" action="" name="edtaralbum" onSubmit="return enviardados();">
                                <fieldset>
                                    <dl>
                                        <dt style="">
                                            Nome do Álbum:
                                        </dt>
                                        <dd>
                                            <input type="text" name="nomeAlbum" value="" id="camposcadastro" />
                                        </dd>
                                    </dl>

                                    <dl>
                                        <dt style="">
                                            Descrição:
                                        </dt>
                                        <dd>
                                            <textarea style="width:58%;margin-left:33px;" rows="10" cols="30" name="descalbum" id="campocomentario"></textarea>
                                        </dd>
                                    </dl>
                                    <span id="menu2">
                                        <ul>
                                            <li><input type="reset"  value="Limpar Campos" /></li>
                                            <li> &nbsp;&nbsp;&nbsp;</li>
                                            <li><input type="submit"  value="Atualzar" /></li>
                                        </ul>
                                    </span>
                                </fieldset>
                            </form>
                        </div>

                        <form method="post" action="" name="Faddalbum" onSubmit="return enviardados();" style="background-color:silver;">
                            <fieldset>
                                    <legend>Adicionar Foto Ao Álbum</legend>
                                    <dl>
                                        <dt style="">
                                            Nome da Foto:
                                        </dt>
                                        <dd>
                                            &nbsp; <input type="text" name="nomeFoto" value="" id="camposcadastro"/>
                                        </dd>
                                    </dl>

                                    <dl>
                                        <dt style="">
                                            Descrição:
                                        </dt>
                                        <dd>
                                            <textarea style="width:58%;margin-left:33px;" rows="10" cols="30" name="descfoto" id="campocomentario"></textarea>
                                        </dd>
                                    </dl>

                                    <dl>
                                        <dt style="">
                                            Enviar Foto:
                                        </dt>
                                        <dd>
                                            <input type="file" style="width:58%;margin-left:33px;" name="foto" accept="image/gif,image/png,image/jpg" id="campscadastro"/>
                                        </dd>
                                    </dl>
                                    <span id="menu2">
                                        <ul>
                                            <li><input type="reset"  value="Limpar Campos" /></li>
                                            <li> &nbsp;&nbsp;&nbsp;</li>
                                            <li><input type="submit"  value="Realizar Cadastro" /></li>
                                        </ul>
                                    </span>
                                </fieldset>
                            </form>

                        <table id ="tabela">
                            <caption>Página X</caption>
                            <thead>
                                <th colspan="3">
                                    <select id="campos" style="float:right;margin-right:21px;" >
                                        <option value="9">9 por amostra</option>
                                        <option value="15">15 por amostra</option>
                                        <option value="30">30 por amostra</option>

                                    </select>
                                </th>
                            </thead>
                            <tr>

                                <td>
                                    <img src="images/foto_usuario.jpg" /> <br />
                                    <a href="/ArghhhWeb/ir_para?pagina=FotoFa">Nome</a><br/>
                                    Descrição <a href="#" style="float:right;">Apagar</a> 
                                </td>

                                <td>
                                    <img src="images/foto_usuario.jpg" /> <br />
                                    <a href="/ArghhhWeb/ir_para?pagina=FotoFa">Nome</a><br/>
                                    Descrição <a href="#" style="float:right;">Apagar</a>
                                </td>

                                <td>
                                    <img src="images/foto_usuario.jpg" /> <br />
                                   <a href="/ArghhhWeb/ir_para?pagina=FotoFa">Nome</a><br/>
                                    Descrição <a href="#" style="float:right;">Apagar</a>
                                </td>

                            </tr>

                           <tr>

                                <td>
                                    <img src="images/foto_usuario.jpg" /> <br />
                                    <a href="/ArghhhWeb/ir_para?pagina=FotoFa">Nome</a><br/>
                                    Descrição <a href="#" style="float:right;">Apagar</a>
                                </td>

                                <td>
                                    <img src="images/foto_usuario.jpg" /> <br />
                                    <a href="/ArghhhWeb/ir_para?pagina=FotoFa">Nome</a><br/>
                                    Descrição <a href="#" style="float:right;">Apagar</a>
                                </td>

                                <td>
                                    <img src="images/foto_usuario.jpg" /> <br />
                                   <a href="/ArghhhWeb/ir_para?pagina=FotoFa">Nome</a><br/>
                                    Descrição <a href="#" style="float:right;">Apagar</a>
                                </td>

                            </tr>

                            <tr>

                                <td>
                                    <img src="images/foto_usuario.jpg" /> <br />
                                    <a href="/ArghhhWeb/ir_para?pagina=FotoFa">Nome</a><br/>
                                    Descrição <a href="#" style="float:right;">Apagar</a>
                                </td>

                                <td>
                                    <img src="images/foto_usuario.jpg" /> <br />
                                    <a href="/ArghhhWeb/ir_para?pagina=FotoFa">Nome</a><br/>
                                    Descrição <a href="#" style="float:right;">Apagar</a>
                                </td>

                                <td>
                                    <img src="images/foto_usuario.jpg" /> <br />
                                   <a href="/ArghhhWeb/ir_para?pagina=FotoFa">Nome</a><br/>
                                    Descrição <a href="#" style="float:right;">Apagar</a>
                                </td>

                            </tr>
                        </table>

                        <a href="#" style="float:left">Anterior</a>
                        <a href="#" style="float:right">Próxima</a>

                        
                    </div>
                </div>


            </div>
            <!-- end #content -->
            <div style="clear: both;">&nbsp;</div>
        </div>
        <!-- end #page -->
        <div id="footer">
            <p>Copyright (c) 2009 Projeto de Desenvolvimento de Sistema Web, Grupo 6</p>
        </div>
        <!-- end #footer -->
    </body>
</html>